

<template>
    <div class="tv">
        <div class="tv-baner">
            <img class="full" data-src="https://i8.mifile.cn/v1/a1/d342ccbf-e3d6-2dcc-47a3-18656f28a0cc.webp" lazy="loaded">
        </div>
        
    </div>
</template>

<script>

import Lazyloader from '@/utils/lazyloader';

export default {
    name: 'Tv',
    mounted() {
        console.log('Tv mounted');
        new Lazyloader('img[lazy="loaded"]');
    }
}
</script>

<style lang="stylus">
.tv
    position absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    overflow-x:hidden;
    overflow-y:scroll;
    margin-bottom 52px;
.tv-baner
    width:100%;
    height:207px;
</style>